<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/login.css">
		<!-- js -->
		<script type="text/javascript">
		// onload是在HTML和CSS页面加载完成之后再加载，而$是在HTML加载后加载（HTML是从上至下解析）
		    window.onload=function(){
				var div=document.querySelector(".title");
				//将class名称为title的元素的两个子元素赋值给spans
				var spans=div.children;
				//for循环游历spans变量
				for(var i=0; i<spans.length;i++){
					//给每一个spans中的变量一个onclick点击事件
					spans[i].onclick=function(){
						//再次for循环，并进行判断变量与当前元素是否相等（相等将active及其样式赋值，不相等则为空）
						for(var j=0;j<spans.length;j++){
							if(spans[j]==this){
								this.className="active";
								
							}
							else{
								spans[j].className="";
							}
						}
					}
				}
				var text=document.querySelector(".text");
				var txt=text.children;
				for(var m=0;m<txt.length;m++){
					txt[m].onclick=function(){
						for(var n=0;n<txt.length;n++){
							
						}
					}
				}
			}
		</script>
	</head>
	<body>
		<div class="content">
			<div class="box">
				<div class="right">
					<div class="title">
						<span class="active">登录</span><span>注册</span>
					</div>
					<div class="text">
						<div class="login">
							<form action="#" method="get">
								<input type="text" name="name" id="name" placeholder="账号"/>
								<br>
								<input type="password" name="pwd" id="pwd" placeholder="密码"/>
								<br>
								<div>
									<input type="checkbox" name="check" id="check" />
									<!-- label for="绑定的值为id" -->
									<label for="check">自动登录</label>
								</div>
								<br>
								<input type="submit" value="登录" />
							</form>
						</div>
						<div class="register">
							<form action="#" method="get">
								<input type="text" name="name2" id="name2" placeholder="请输入手机号或邮箱"/>
								<br>
								<input type="password" name="pwd2" id="pwd2" placeholder="请输入密码"/>
								<br>
								<input type="text" name="yzm" id="yzm" placeholder="请输入验证码"/>
								<br>
								<input type="button" name="getyzm" id="getyzm" value="获取验证码"/>
								<br>
								<input type="submit" value="注册" />
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
